//项目的根组件

//App -> index.js -> public/index.html(root)

const list = [
  { id: 1, name: "Vue" },
  { id: 2, name: "React" },
  { id: 3, name: "Angular" },
]

function App() {
  return (
    <div className="App">
      this is App
      {/* 使用引号传递字符串 */}
      { 'this is message' }
      <div style={{ color:'red' }}>red</div>
      {/* 渲染列表 */}
      <ul>
        { list.map(item => <li key={ item.id }>{item.name}</li>) }
      </ul>
    </div>
  );
}

export default App;
